(function($) {
	$.fn.timepicki = function(options) {
		var defaults = {};
		var settings = $.extend({},
			defaults, options);
		return this.each(function() {
			var ele = $(this);
			var ele_hei = ele.outerHeight();
			var ele_lef = ele.position().left;
			ele_hei += 15;
			$(ele).wrap("<div class='time_pick'>");
			var ele_par = $(this).parents(".time_pick");
			ele_par.append("<div class='timepicker_wrap'> <div class='arrow_top'></div> <div class='time'> <div class='prev'></div> <div class='ti_tx'></div> <div class='next'></div> </div> <div class='mins'> <div class='prev'></div> <div class='mi_tx'></div> <div class='next'></div> </div> </div>");
			var ele_next = $(this).next(".timepicker_wrap");
			var ele_next_all_child = ele_next.find("div");
			ele_next.css({
				"top": ele_hei + "px",
				"left": ele_lef + "px"
			});
			$(document).on("click",
				function(event) {
					if(!$(event.target).is(ele_next)) {
						if(!$(event.target).is(ele)) {
							var tim = ele_next.find(".ti_tx").html();
							var mini = ele_next.find(".mi_tx").text();
							//                      var meri = ele_next.find(".mer_tx").text();
							if(tim.length != 0 && mini.length != 0) {
								ele.val(tim + " : " + mini)
							}
							if(!$(event.target).is(ele_next) && !$(event.target).is(ele_next_all_child)) {
								ele_next.fadeOut()
							}
						} else {
							set_date();
							ele_next.fadeIn()
						}
					}
				});

			function set_date() {
				var d = new Date();
				var ti = d.getHours();
				var mi = d.getMinutes();
				if(24 < ti) {
					ti = 0;

				}
				if(ti < 10) {
					ele_next.find(".ti_tx").text("0" + ti)
				} else {
					ele_next.find(".ti_tx").text(ti)
				}
				if(mi < 10) {
					ele_next.find(".mi_tx").text("0" + mi)
				} else {
					ele_next.find(".mi_tx").text(mi)
				}
			}
			var cur_next = ele_next.find(".next");
			var cur_prev = ele_next.find(".prev");
			$(cur_prev).add(cur_next).on("click",
				function() {
					var cur_ele = $(this);
					var cur_cli = null;
					var ele_st = 0;
					var ele_en = 0;
					if(cur_ele.parent().attr("class") == "time") {
						cur_cli = "time";
						ele_en = 12;
						var cur_time = null;
						cur_time = ele_next.find("." + cur_cli + " .ti_tx").text();
						cur_time = parseInt(cur_time);
						if(cur_ele.attr("class") == "next") {
							if(cur_time == 24) {
								ele_next.find("." + cur_cli + " .ti_tx").text("00")
							} else {
								cur_time++;
								if(cur_time < 10) {
									ele_next.find("." + cur_cli + " .ti_tx").text("0" + cur_time)
								} else {
									ele_next.find("." + cur_cli + " .ti_tx").text(cur_time)
								}
							}
						} else {
							if(cur_time == "01") {
								ele_next.find("." + cur_cli + " .ti_tx").text("0"+0)
							}else if(cur_time == 00) {
								ele_next.find("." + cur_cli + " .ti_tx").text(24)
							} else {
								cur_time--;
								if(cur_time < 10) {
									ele_next.find("." + cur_cli + " .ti_tx").text("0" + cur_time)
								} else {
									ele_next.find("." + cur_cli + " .ti_tx").text(cur_time)
								}
							}
						}
					} else if(cur_ele.parent().attr("class") == "mins") {
						cur_cli = "mins";
						ele_en = 59;
						var cur_mins = null;
						cur_mins = ele_next.find("." + cur_cli + " .mi_tx").text();
						cur_mins = parseInt(cur_mins);
						if(cur_ele.attr("class") == "next") {
							if(cur_mins == 59) {
								ele_next.find("." + cur_cli + " .mi_tx").text("00")
							} else {
								cur_mins++;
								if(cur_mins < 10) {
									ele_next.find("." + cur_cli + " .mi_tx").text("0" + cur_mins)
								} else {
									ele_next.find("." + cur_cli + " .mi_tx").text(cur_mins)
								}
							}
						} else {
							if(cur_mins == 0) {
								ele_next.find("." + cur_cli + " .mi_tx").text(59)
							} else {
								cur_mins--;
								if(cur_mins < 10) {
									ele_next.find("." + cur_cli + " .mi_tx").text("0" + cur_mins)
								} else {
									ele_next.find("." + cur_cli + " .mi_tx").text(cur_mins)
								}
							}
						}
					}
				})
		})
	}
}(jQuery));